/*
只有在单行内需要分割多条语句时，这个分号才是必须的。
let是块作用域变量。
符串的值必须用引号，单双均可，必须成对。
*/
let myHeading = document.querySelector('h1'); // 查询选中标题对象
myHeading.textContent = 'Hello world! 😊';

// document.querySelector('html').onclick = function() {
//     alert('别戳我，我怕疼！😣');
// }

let myImage = document.querySelector('img');
myImage.onclick = function() {
    let mySrc = myImage.getAttribute('src');
    if(mySrc === 'images/firefox-icon.png') {
        myImage.setAttribute('src', 'images/new-icon.png');
    } else {
        myImage.setAttribute('src', 'images/firefox-icon.png');
    }
}

function setUserName() {
    let myName = prompt('请输入你的名字');
    localStorage.setItem('name', myName);
    myHeading.textContent = 'Hello ' + myName + '! 😊';
}

if(!localStorage.getItem('name')){
    setUserName();
} else {
    let storedName = localStorage.getItem('name');
    myHeading.textContent = '' + storedName;
}

let myButton = document.querySelector('button');
myButton.onclick = function() {
    setUserName();
}
